//- Copyright (c) 2016 Lucky Byte, Inc.
input(type="hidden" name="serial" value="#{record.serial || ''}")
input(type="hidden" name="uuid" value="#{record.uuid || ''}")

// 手续费
input(type="hidden" name="debit_rules"
  value="#{record.debit_rules ? JSON.stringify(record.debit_rules) : ''}")
input(type="hidden" name="cedit_rules"
  value="#{record.cedit_rules ? JSON.stringify(record.cedit_rules) : ''}")

h4.ui.dividing.header
  i.caret.down.icon.link.grey.accordion
  | 基本信息

.fields
  .field.eight.wide.required
    label 名称或代号:
    .ui.input
      input(type="text" name="name" placeholder="必填" value="#{record.name || ''}")

h4.ui.dividing.header 借记卡手续费定义

.fields.rule.debit
  .field.three.wide.required
    label.ui 金额上限(含):
      - var help = "<ul>"
      - help += "<li>按最接近方式匹配，例如消费金额 200 既满足上限 500，"
      - help += "也满足上限 1000，实际会选择 500，因为 500 更接近；</li>"
      - help += "<li>小于或等于 0 表示没有限制，后同；</li>"
      i.icon.help.blue(data-html="#{help}" data-variation="small very wide")
    .ui.right.labeled.input
      .ui.label.basic
        i.icon.link.plus.green#add(style="margin-right:0px;")
      input(type="text" name="amt_max" placeholder="必填")
      .ui.label.basic 元
  .field.two.wide.required
    label.ui 收取方式:
    select.ui.dropdown.input.fix(name="fix")
      option(value="true" selected="selected") 定额收取
      option(value="false") 按比例收取
  .field.three.wide.required
    label.ui 手续费:
    .ui.right.labeled.input
      input(type="text" name="fee" placeholder="必填")
      .ui.label.basic 元
  .field.three.wide
    label.ui 保底金额:
      i.icon.help.blue(data-content="0 表示无保底，后同" data-variation="small")
    .ui.right.labeled.input.disabled
      input(type="text" name="min" placeholder="必填" value="0"
        readonly="readonly")
      .ui.label.basic 元
  .field.three.wide
    label.ui 封顶金额:
    .ui.right.labeled.input.disabled
      input(type="text" name="max" placeholder="必填" value="0"
        readonly="readonly")
      .ui.label.basic 元

- for (var x = 0; x < 9; x++)
  .fields.rule.debit(style="display: none;")
    .field.three.wide
      .ui.right.labeled.input
        .ui.label.basic
          i.icon.link.minus.red#minus(style="margin-right:0px;")
        input(type="text" name="amt_max" placeholder="必填")
        .ui.label.basic 元
    .field.two.wide
      select.ui.dropdown.input.fix(name="fix")
        option(value="true" selected="selected") 定额收取
        option(value="false") 按比例收取
    .field.three.wide
      .ui.right.labeled.input
        input(type="text" name="fee" placeholder="必填")
        .ui.label.basic 元
    .field.three.wide
      .ui.right.labeled.input.disabled
        input(type="text" name="min" placeholder="必填" value="0"
          readonly="readonly")
        .ui.label.basic 元
    .field.three.wide
      .ui.right.labeled.input.disabled
        input(type="text" name="max" placeholder="必填" value="0"
          readonly="readonly")
        .ui.label.basic 元

h4.ui.dividing.header 贷记卡手续费定义

.fields.rule.cedit
  .field.three.wide.required
    label.ui 金额上限(含):
      - var help = "<ul>"
      - help += "<li>按最接近方式匹配，例如消费金额 200 既满足上限 500，"
      - help += "也满足上限 1000，实际会选择 500，因为 500 更接近；</li>"
      - help += "<li>小于或等于 0 表示没有限制，后同；</li>"
      i.icon.help.blue(data-html="#{help}" data-variation="small very wide")
    .ui.right.labeled.input
      .ui.label.basic
        i.icon.link.plus.green#add(style="margin-right:0px;")
      input(type="text" name="amt_max" placeholder="必填")
      .ui.label.basic 元
  .field.two.wide.required
    label.ui 收取方式:
    select.ui.dropdown.input.fix(name="fix")
      option(value="true" selected="selected") 定额收取
      option(value="false") 按比例收取
  .field.three.wide.required
    label.ui 手续费:
    .ui.right.labeled.input
      input(type="text" name="fee" placeholder="必填")
      .ui.label.basic 元
  .field.three.wide
    label.ui 保底金额:
      i.icon.help.blue(data-content="0 表示无保底，后同" data-variation="small")
    .ui.right.labeled.input.disabled
      input(type="text" name="min" placeholder="必填" value="0"
        readonly="readonly")
      .ui.label.basic 元
  .field.three.wide
    label.ui 封顶金额:
    .ui.right.labeled.input.disabled
      input(type="text" name="max" placeholder="必填" value="0"
        readonly="readonly")
      .ui.label.basic 元

- for (var x = 0; x < 9; x++)
  .fields.rule.cedit(style="display: none;")
    .field.three.wide
      .ui.right.labeled.input
        .ui.label.basic
          i.icon.link.minus.red#minus(style="margin-right:0px;")
        input(type="text" name="amt_max" placeholder="必填")
        .ui.label.basic 元
    .field.two.wide
      select.ui.dropdown.input.fix(name="fix")
        option(value="true" selected="selected") 定额收取
        option(value="false") 按比例收取
    .field.three.wide
      .ui.right.labeled.input
        input(type="text" name="fee" placeholder="必填")
        .ui.label.basic 元
    .field.three.wide
      .ui.right.labeled.input.disabled
        input(type="text" name="min" placeholder="必填" value="0"
          readonly="readonly")
        .ui.label.basic 元
    .field.three.wide
      .ui.right.labeled.input.disabled
        input(type="text" name="max" placeholder="必填" value="0"
          readonly="readonly")
        .ui.label.basic 元

h4.ui.dividing.header
  i.caret.down.icon.link.grey.accordion
  | 备注信息

.fields
  textarea(name="notes" type="text" rows="3"
    placeholder="在此输入备忘信息")= record.notes || ''
